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De twee 
volgende 
afleveringen 
van deze 
cursus vind 
je in Clickx 
24 en 25. 
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rofessioneel betekent veelzijdig, compatibel met de gangbare authoring-software en jammer 

genoeg ook duur. Dat klopt ook in dit geval, maar wie geen kat in een zak wil kopen, maakt 

gebruik van de versie die je 30 dagen mag proberen. Je vindt ze op | www.macromedia.com | 
en op de Clickx cd-rom bij Clickx Magazine 24. Dat ligt op 24 september in de winkel. 


EERSTE DEEL: PALETTEN EN GEREEDSCHAP 


Bevordert de creativiteit 


De MX-versie heeft veel meer moge- 
lijkheden aan boord dan zijn voorgan- 
gers, denk maar aan het feit dat je vi- 
deofilmpjes volledig kan integreren in 
je presentatie. MX is bovenal veel ge- 
bruiksvriendelijker; de vorige versies 
blonken niet uit op dat vlak. Gelukkig, 
want dit programma volgt een unieke 
logica. De ogenschijnlijk vertrouwde 
tools laten zich anders bedienen dan 
bij de meeste grafische applicaties. Laat 
je niet afschrikken. Wie er zonder voor- 
kennis aan begint, zal eveneens tot ver- 
rassende, originele resultaten komen. 
Flash MX wringt de ontwerper niet in 


tijd haarscherp blijven. 


° Een vectorieel programma heeft het enorme voordeel dat de af- 
beeldingen sneller inladen dan bij een bitmap-programma. In de 
wiskundeles hebben we ooit geleerd dat een vector een wiskun- 
dige berekening is en daar kunnen computers toevallig uitstekend 


mee om. 


een keurslijf. De enige beper- 
king is je eigen creativiteit. Hoe meer 
je je vastbijt in Flash MX, hoe steiler 
de leercurve zal worden. Het pro- 
gramma beschikt zelfs over program- 
meermogelijkheden en daardoor kan 
je eindeloos toepassingsmogelijkhe- 
den blijven verzinnen. Flash wordt ge- 
bruikt voor animaties, navigatietech- 
nieken, multimedia-elementen en spel- 
letjes. Ik merk dat steeds meer websi- 
tes integraal worden opgebouwd met 
dit Macromedia-product. In deze cur- 
sus zullen we een geanimeerde banner 
maken voor een website. 


Voor- en nadelen 


Flash beschikt over enkele opvallende kwaliteiten: 
+ Omdat het programma vectorieel werkt, is het resolu- 
tie-onafhankelijk. Of je de animatie op een groot of klein 
scherm bekijkt, met hoge of lage resolutie, de afbeelding zal al- 


chines. 
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Flash Kan, A Flash Developer Resource — Onlin… 


amber TOIT wad poang! | Parsonsdeef 
edm ern U en mnd | an nt Uem | | 


Flash Player updates! 
Macromed.a has anexvunced the release of Standalone, Extacnal and 
Debug Players 6,0,40,0. Mere info ts avadable here. 


Optimaret Flash Compression Teel and Flash MX Bundle Deels 
V@ svaitable through Erain 
mm Optemazel 15 the Wimate vector (SWE) compresson tool that can 
reduce vour SWF Hes by as much as 60%. Get Opbmazel, Swit 30, 
and Flash MX standalone and exchusive bunding de: 
Check it out and save cash at www er ain om of www 


SWISH design competition viinners anaounce! 


Www.flashkit.com, een uitstekende bron van tuto- 
rials, voorbeelden en geluiden voor Flash-bouwers. 


Er zijn wel enkele nadelen aan deze applicatie: 
e De snelheid van de computer kan de animatie parten spelen. Be- 
paalde Flash-spelletjes zijn echt niet genietbaar op oudere ma- 


+ Om de animaties te bekijken, heb je de Flash-player nodig. Re- 


loaden. 


e Je kan er je webconstructies in hoge mate mee interactief maken. 
Veel meer dan animated gifs of video laat je deze animaties reage- 


ren op de respons van de bezoeker. 


e Het resultaat van je Flash-constructies is erg compacte bestanden 


die een verbluffende grafische kwaliteit halen. Je mag rustig stel- 
len dat een geanimeerde gif-afbeelding heel wat meer opslag- 
ruimte in beslag neemt dan een vergelijkbaar Flash-bestand. 

e In de MX-versie kan je video importeren. De video die de kijker 
te zien krijgt, wordt dus niet meer getoond in een apart pop-up- 
venstertje. Die filmbestanden worden volledig opgenomen in je 


Flash-presentatie en tot de meest zuinige codec samengebald. Co- 


dec is de afkorting voor compressor/decompressor. De codec die 
Flash gebruikt is de fameuze Sorenson Spark. 

e Je kan een Flash-bestand tevens als een projector-bestand bewa- 
ren. Dat is een film die volledig autonoom kan worden afgespeeld, 


waarbij men het programma niet eens nodig heeft. 


Animated gif: Een snelle opeenvol- 
ging van een aantal gif-afbeeldin- 
gen, die telkens lichtjes van elkaar 
verschillen. Op die manier ontstaat 
er een beweging, volgens het princi- 
pe van de animatiefilm. 


Bitmap: Een afbeelding die opge- 
bouwd werd uit pixels (beeldpunt- 
jes). Elke puntje bevat een waarde 
voor rood, groen en blauw. Deze 


cente browsers zijn van dergelijke player voorzien in de vorm van 
de Flash/Shockwave plug-in. Is dat bij jou niet het geval, dan kan 
je die player of plug-in gratis bij [ www.macromedia.com | down- 


bestanden hebben de extensie 
‚bmp, maar ook tiff, pex, pic, gif en 
TGA zijn typische bitmapformaten. 


Veetorieel: Werkend met soft- en 
hardware die gebruikmaken van 
geometrische formules om beelden 
weer te geven. Daardoor kan je deze 
beelden van grootte veranderen zon- 
der dat ze aan kwaliteit inboeten. 
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Installatie 


doende zijn. 


Het installeren van Macromedia Flash MX is kinderspel. Op 
Windows 95/98/ME/20oo/XP start de installatie-cd automa- 
tisch op. Lukt dat niet, dan activeren we het set-upprogramma 
via START, UITVOEREN. Mac'ers laten de installer gewoon zijn 
ding doen. Hoe dan ook, binnen de twee minuten staan het pro- 
gramma, de bibliotheken en verschillende voorbeelden ter beschik- 
king. Flash MX stelt geen abnormale eisen aan je hardware, een Pen- 
tium of Mac PowerPC met 200 MHz en 128 MB RAM moet al vol- 


Tutorials 
® Introduction to Flash MX 


from start to finish. 


® Introduction to ActionScript 
Use the power of Flash's built-in 
scripting language to build an 
interactive puzzle. 

® Introduction to Components 

Use the built-in user interface 

components and ActionScript to 

build an interactive application. 


De hulpfunctie en tutorials. 


T IS OOK WITTER 
DAN WIT/ 


Design and create a simple movie 


Het programma is uitgerust met heel wat hulpmiddelen. Nieuwe ge- 
bruikers nemen beter het beknopte handboek door dat in de doos 


meekomt. Op de cd-rom staan te- 
vens vier pdf-bestanden die sa- 
men een uitgebreid handboek 
vormen. Wie Flash MX voor de 
eerste keer opent, wordt in het 
venster WELCOME onthaald. Daar 
heb je drie knoppen: GENERAL, 
DESIGNER en DEVELOPER, die je tel- 
kens naar de lessen brengen. De 
volgende keer dat je Flash start, 
zal je via het HerP-menu toegang 
krijgen tot de lespakketten. 


DASH BANNER 2 


ZELF BANNERS MAKEN … 
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On stage 


Mas toeredäa Flash MX [Umtitted 1 


Ere ER Ven Heet Moly Tet Cobol Winden Help 


E Oes & » 


Laat je niet overrompelen door de veelheid aan tools. 


Flash MX heeft ten opzichte van zijn voorgangers 
heel wat minder paletten om de kleuren, typografie, 
acties, frames, instanties… gemakkelijk in te stellen. 
Wees gerust, deze termen worden later verklaard. 
Zulke ‘panels’ zijn ongelooflijk handig, tenzij je op 
een klein beeldscherm werkt. Voor je het weet, is je 
bureaublad een zootje. Gelukkig zijn het ‘tear-off’ 
paletten van het type dat we kennen uit Photoshop. 
Degene die je graag binnen klikbereik houdt, sleep 
je gewoon samen. Op die manier maak je werksets. 
Je persoonlijke werkset kan je vastleggen in het com- 
mando: WINDOW - SAVE PANEL LAYOUT. Wil je het ui- 
terlijk van deze applicatie opnieuw naar zijn stan- 
daardvorm terugbrengen, dan commandeer je: Win- 
DOW — PANEL SETS — DEFAULT LAYOUT. 


É Scene 1 6. 6. (sx _w 


De Stage, het podium van de animatie. 


Wanneer we Flash MX voor het eerst openen, valt 
het grote, witte werkvlak op. Dat wordt de STAGE ge- 
noemd. In het Nederlands zouden we ‘podium’ of 
‘werkvlak’ zeggen maar omdat deze applicatie alleen 
naar Shakespeares taal luistert, gebruiken we termen 
die je in de menu’s herkent. Alle grafische elemen- 
ten die we op de STAGE plaatsen en laten bewegen tij- 
dens de montage, kan de bezoeker later thuis te zien 
krijgen. Rond de sTAGE merk je een brede grijze rand 
die samen met de Stace het werkgebied vormt. Die 
grijze boord fungeert als de coulissen van de set. Wat 
we tijdens het bewerken in deze grijze zone slepen, 
zal in de uiteindelijke publicatie nooit te zien zijn. 

Bovenaan het scherm staat de werkbalk met de pic- 
togrammen voor veelgebruikte opdrachten als: een 
map openen, nieuwe pagina, afdrukken, enzovoort. 


Desi Si[à oan È- 


De werkbalk met de vertrouwde pictogrammen. 


Timing en frames 


07 © 


Animatie heeft vooral met timing te maken, 
daarvoor dient de Timeline. 


Een van de belangrijkste werkin- 
strumenten is de TIMELINE. Hier- 
mee bepalen we de tijdregeling van 
de animatie. Zoals bij ieder ani- 

matiepakket wordt de tijd in frames 


uitgedrukt. Ieder frame kan een nieuwe 
inhoud bevatten, of de inhoud van het vori- 
ge frame gebruiken. De rode markeringslijn 
duidt de ‘playhead’ of afspeelknop aan. Stan- 


Jil 


WD Layer 4 


ledere laag heeft haar 
eigen tijdlijn. 


Links van de Timeline merk je de lagen. De laag die wordt aan- 
geduid door een potloodje, is de actieve laag. Dat is de laag die 
je op dat ogenblik kan bewerken. Als je op het punt onder het 
hangslotje klikt, wordt de laag vergrendeld en kan je daar tij- 
dens de volgende bewerkingen niets meer aan veranderen, 
tenzij je ze eerst ontgrendelt door opnieuw op dezelfde plaats 
te klikken. Wanneer je op een punt onder het oogje klikt, wordt 
de inhoud van die laag verborgen. Met de knoppen onder de 
lagen voeg je een nieuwe laag toe en in Flash MX kan je de la- 
gen groeperen in mappen. 


daard staat Flash MX ingesteld op 12 fps (fra- 
mes per seconde). Wanneer de afspeelknop 
dus twaalf frames verder is, zal er precies een 
seconde in de animatie zijn gepasseerd. 

A: leeg frame, 


B: leeg keyframe, 
C: keyframe met object. 


BUI s Rops) 0 1 de animatie maken we 
een onderscheid tussen gewone frames en 
keyframes. Een eerste frame van een film is 
altijd een keyframe. Keyframes herken je 
aan het bolletje in het midden van het vak- 
je. Een zwart bolletje betekent dat er een ob- 
ject in dit frame staat, een leeg bolletje ver- 


Properties van Text Tool... 


NEE 
Test Tool Av le | Bdl at [y] Auto Kern 
EN en 5 wl AB =| []use Device Fonts 
el 


D| (CEema.) 


Target: 


Het pallet Properties past zich aan het object aan waarmee je op dat ogenblik werkt. Hier de 


Tentaol \avlo Jel af[noma we) Zlawoken 2) 
Bl el wl al | [JUse Device Fonts 


al | Target | 


voorschijn komen. 


dankzij het nieuwe PROPERTIEs-venster. 


… @n daaronder de Properties van Rectangle Tool. 


Onder de STAGE vind je het palet PROPERTIES. Tot nog toe was een van de grote min- 
punten van Flash het gedoe met de talloze paletten. Met versie MX wordt daar dank- 
zij de nieuwe PROPERTIES grotendeels komaf mee gemaakt. De PROPERTIES zijn im- 
mers gevoelig voor de context waarin je werkt. Macromedia volgt daarmee dezelfde 
richting als bij het softwarepakket Dreamweaver. Wanneer je met tekst werkt, zullen 
in de PROPERTIES de stijleigenschappen van tekst verschijnen. Bij het werken met gra- 
fische elementen zullen in hetzelfde venster de opties die dan van toepassing zijn, te- 


Rechts van het werkvlak vind je de panels. Er is flink besnoeid op het aantal panels 


Learning Macromedia Flash MX 


What's Neus Ed 
Readme Eid 
Tutorials Eid 


Update Panel 
Click Update to connect to Macromnedia.corm 
and get the latest content. 


klapt dat het keyframe leeg is. Het begrip 
‘sleutelframe’ of ‘keyframe’ komt uit de tijd 
dat animatiefilms werden gemaakt door een 
legertje tekenaars. Ze werkten schouder aan 
schouder aan de frame-by-frame animatie. 
Om de kosten te drukken, deed men een be- 
roep op goedkope (en dus minder getalen- 
teerde) tekenaars voor de tussenliggende fra- 
mes. De sleutelframes werden aan de dure 
vaklui overgelaten. Wanneer we Flash de in- 
houd van de tussenliggende frames bij een 
animatieovergang laten berekenen, noemen 
we dat een tweening. We kunnen netals de 
oorspronkelijke tekenaars handmatig de in- 
houd van ieder frame wijzigen. In het twee- 
de geval is de bestandsgrootte veel groter. 


G: 255 + # 4720 
B: 255 Y: 26,0 


b Transform 


bk Color Mixer 


b Color Swatches 


b Components 
v Answers 


De nieuwe 
uitklap- 
panels. 
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VAKTAAL 


Pdf: Portable Document File. Adobe ont- 
wikkelde dit bestandsformaat. Deze soort 
publicaties werd populair omdat de lezer 
ze steeds te zien krijgt zoals ze werden 

opgemaakt, zelfs al beschikt hij niet over 
de gebruikte lettertypes. 
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Arrow tool 
opties. 


Arrow — k_B 4 Subselection 

Line +4 P Lasso 

Pen —& A — Text 

Oval —O D — Rectangle 

Pencil —? Brush Lasso tool 

Free Transform — jj A2 — Fill Transform ln 

Ink Bottle © Paint Bucket 
Eyedropper —A/ @ — Eraser 

Hand Zoom 


Stroke Color 


Fill Color 
Swap Color 


Tool Options 
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Tools 


X Arrow Toor (V): selecteren, verplaatsen en aan- 
passen van volledige objecten. 
Opties zijn: 
SNAP TO OBJECTS: objecten verplaatsen en uitlijnen 
op het hulpraster of op andere objecten. 
SMOOTH: geselecteerde lijnen worden meer afge- 
rond. 
STRAIGHTEN: geselecteerde lijnen worden meer recht 
gemaakt. 


X SUBSELECTION Tool (A): om individuele ankerpun- 
ten (de punten die je met het pennetje maakt) te se- 
lecteren en te verslepen. 


X LINE Toor (N): tekent rechte lijnen, in de PROPER- 
TIES STROKE bepaal je de dikte, de aard (haarlijntje, 
stippellijn, gerimpelde lijn) en kleur van deze lijn. 


X Lasso Toor (L): selectiegereedschap voor willekeu- 
rige vormen. 


De Lasso tool heeft de volgende opties: 

MAGIC WAND: jawel, het bekende toverstafje, je ge- 
bruikt het alleen op geïmporteerde afbeeldingen, 
het selecteert gebieden die een vergelijkbare kleur 
hebben. 

MAGIC WAND PROPERTIES: één klik hierop opent een 
venster waarmee je de tolerantie van het toverstaf- 
je instelt, SMOOTHING bepaalt de afronding aan de 
randen. 

PorYcoN Mope: hiermee selecteer je in rechte lij- 
nen, elke muisklik voegt een hoekpunt toe. 


X PEN Toor (P): om paden, rechte lijnen, vloeiende 
curven te trekken, iedere klik voegt een ankerpunt 
toe; klikken met de Surrr-toets ingedrukt, maakt 
rechte lijnen of beperkt hoeken tot een veelvoud 
van 45°. 


X Texr Toor (T): als je hiermee werkt, zal je in de Pro- 
PERTIES het lettertype, de lettergrootte, tekstkleur, 
uitlijning en dergelijke bepalen. 


X OvaL Toor (O): tekent ellipsen, hou de SHiFT-toets 
ingedrukt om cirkels te maken, in de PROPERTIES 
bepaal je hoe de rand en de inhoud van het ovaal er 
zullen uitzien. 


X RECTANGLE (R): tekent rechthoeken, met ingedruk- 
te SHIFT-toets worden dat vierkanten, in de Pro- 
PERTIES bepaal je hoe de rand van de rechthoek en 
de inhoud eruit zien. 


Options 
& 


| 
Rectangle. 


Options 


4e 

[5 Straighten 
s| Smooth 
4] Ink 


Pencil tool. 


Options 


©, 


4 
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De Brush 
tool. 


Options 


Om 


Free 
Transform 
tool. 


RECTANGLE heeft de volgende Optie: 

X ROUND RECTANGLE RApIus: dit opent een venster 
waarin je aangeeft in welke mate de hoeken van de 
rechthoek moeten worden afgerond. 


X PenciL Toor (Y): tekent lijnen. 
Deze tool heeft de volgende opties: 
STRAIGHTEN: hiermee worden de lijnen automatisch 
strak gemaakt. 
SMOOTH: de lijnen zullen vloeiend worden afgerond. 
INK: om gewoon met de losse hand lijnen te teke- 
nen. 


X BRUSH Toor (B): werkt zoals het PENciL-gereed- 
schap, maar je kan er vullingen, verlooptinten en 
zelfs de inhoud van pixelafbeeldingen (zoals foto’s) 
mee schilderen. Uiteraard gebruik je deze tool in 
combinatie met het panel Coror MIxEr (kleur- 
menger), COLOR SWATCHES (stalen) en uiteraard de 
PROPERTIES. Het BRUSH-gereedschap heeft vijf ver- 
schillende modi: PAINT, NORMAL, PAINT FILLS, PAINT 
BEHIND, PAINT SELECTION, PAINT INSIDE. Die modi 
worden straks toegelicht in een kaderstukje, ze wer- 
ken hetzelfde als bij het gummetje. 


BrusH heeft de volgende opties: 

BRUSH SIze: selecteert de grootte van het penseel. 
BRUSH SHAPE: bepaalt de vorm van het penseel. 
Lock Fur (slotje): handig als je dezelfde vulling (bij- 
voorbeeld een bepaalde verlooptint) op verschil- 
lende objecten wil toepassen; selecteer eerst de ver- 
looptint met het gereedschap DROPPER, neem ver- 
volgens de BRUSH Toor en klik op het pictogram 
Lock Fi. 


X FREE TRANSFORM Toor (Q): hiermee zal je geselec- 
teerde objecten vervormen. In de OpTions komt ge- 
reedschap om te roteren, te schalen, schuin te trek- 
ken en te vervormen ter beschikking. 

X FirL TRANSFORM Toor (F): gebruik je om een ver- 
loopkleur of een geïmporteerd bitmapplaatje van 
richting te laten verlaten. 

X INK Borrre (S): werkt als het gereedschap Paint Buc- 
ket, maar dan voor lijnen. 


Options | 
X PAINT BuckET (K): vult ge- | ©, ©| Dont Close Gaps 
bieden die door een om- lo 
v|@ Close Small Gaps 
trek worden afgebakend; 
5 5 5 cl Medium G 
uiteraard is het opnieuw EAN °| knakken 
verstandig om hierbij de LS @| cosetarge caps 


panels COLOR MIXER, CO-_ Paint Bucket. 


LOR SWATCHES en PROPERTIES te gebruiken. 


Paint Bucket opties zijn: 
CLOSE GAPS-OPTIONS: bepalen de tolerantie waar- 
mee gaten in de omtrek worden genegeerd. 
Lock Fur: zie het gereedschap Brusn. 

X DropPer Toor (I): het pipet waarmee je vulkleuren, 
verlooptinten en pixelafbeeldingen selecteert en 


Options | overneemt om ze te gebruiken in BrusH Toor en 
e BUCKET Tool. 
| 8 |_X ERASER (E): gumt elementen van je plaatjes weg. 
OET | Eraser heeft de volgende Opties: 
ERASER MoOpe: hierin zitten vijf modi verborgen. 
Faucet: de waterkraan wist gehele vullingen en lij- 
| nen. 


Eraser tool. ERASER SHAPE: duidt de vorm van de gum aan. 


View Tools 


Options 


a a 


X HAND Toor (H): hiermee verschuif je de STAGE (po- 
dium) over het scherm. 

X MAGNIFIER (M,Z): om de weergave te vergroten of 
met de Arr-toets ingedrukt te verkleinen. 


ENLARGE: stelt de MAGNIFIER in op vergroten. 
REDUCE: nu zal er steeds worden verkleind. 


| 


med 
View tools. 


Colors 


Galore STROKE COLOR (potlood): de kleur van de lijnen. 
FirL CoLor (emmertje): de kleur van de vulling. 


ZE DEFAULT COLOR: standaardkleur (Zwart-wit). 
an No coLoR (met de rode diagonaal): geen kleur. 
Swap CoLoR: de kleurkeuze die je daarnet hebt in- 
ED pe 5 ; 
gesteld voor lijnen en vulling wordt dan verwisseld. 
Kleuropties. 


__ barleechool ® 


voortgazet onderwijs ® 


EEKEREN 


schoolbibitotheok 
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Document Properties 


Dimensions: |580 px 


| (width) # _ \10Opx | (heioht] 


Background Color: FF 


Frame Rate: 


DN oeeee 


Ruler Units: 


Maak de Stage op maat. 


In deze kennismaking maken we een ge- 
animeerde banner. De banner zal een film- 
pje worden met een achtergrondgeluid. 
Wanneer je Flash opent, begint het pro- 
gramma met een nieuw leeg document 
van 550 pixels breed en 400 pixels hoog, 
de achtergrond is wit en heeft een Frame 
Rate van 12 fps (frames per seconde). 
Rechts boven de STAGE kan je instellen op 
welke zoomwaarde je de animatie wil be- 
kijken. In de Properties duid je voor de 
banner die je wenst te maken meteen an- 
dere maten aan: “58opx width, roopx 
height”. We kiezen een zwarte achtergrond 
en behouden de FRAME RATE. 12 fps is een 
uitstekende keuze voor webanimaties. Voor 
presentaties die je op cd of harde schijf wil 
bekijken, kan je een hogere waarde instel- 
len. Hoe hoger de Frame Rate, hoe vloei- 
ender de animatie. Het spreekt vanzelf dat 
je filmpje door een hogere Frame Rate heel 
wat volumineuzer zal worden. 


meel 
A 


W achtergr…… 


Wiel 


@ [|t miel ml call 1 [ors| oos #0 > 


Benoem de lagen. 


In de TIMELINE links staan de lagen, rechts 
de frames. Neem meteen de goede ge- 
woonte aan om je lagen te benoemen. 
Wees niet tevreden met de standaardbe- 
naming: Layerl, Layera enzovoort. Na ver- 
loop van tijd weet je niet meer wat er pre- 
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cies in die genummerde layers staat. 

De eerste laag noemen we ‘Achtergrond’. 
Wanneer je op de naam van een laag dub- 
belklikt, kan je ze herbenoemen. In de Tr- 
MELINE maak je een nieuwe laag door op 
het pictogram met het plusteken te klik- 
ken. Vervolgens noemen we de nieuwe 
laag ‘Maan’. Om een laag te verwijderen, 
klik je eerst op de naam van de laag en daar- 
na klik je op het vuilnisbakje. 


[LD achtergr… RE 
v 
ip @ |t) wal ml cal 1 ots) oos gi E 
te sm vl 


Pro 


ee Ger) 


oval 
O roel 


Een perfecte cirkel of vierkant teken je met 
de Shift-toets ingedrukt. 


Om te beginnen zullen we een maan ma- 
ken die tijdens de animatie van links naar 
rechts beweegt. Daarom zullen we eerst 
een gele cirkel tekenen. Klik op de laag 
‘Maan’, selecteer OvaL Toor en in het pa- 
nel Corors kies je als STROKE CoLor (lijn- 
kleur): geen. Dat is het witte vierkantje met 
de rode diagonaal. Als Firr Coor kiezen 
we geel. Vervolgens trek je met de Smrrr- 
toets ingedrukt, een perfecte cirkel. Naast 
deze gele cirkel trekken we op dezelfde ma- 
nier een rode cirkel. 

vl 


Ei scene 1 eme w 


Plaats beide cirkels over elkaar. 


We klikken op de rode cirkel. Met ARROW 
Toor schuiven we de rode cirkel over de 
gele cirkel. Door op een object te dubbel- 


klikken, selecteer je zowel de omtreklijn 
als de inhoud. Wanneer je eenmaal op de 
schijf klikt, selecteer je alleen de inhoud. 
Omdat je deze cirkels zonder omtreklijn 
hebt getekend, maakt in dit geval dubbel- 
of enkelklikken geen verschil. 


De rode cirkel neemt een hap uit de gele. 


Door met de DELETE-toets de rode cirkel te 
wissen, wordt meteen een hele hap uit de 
gele maan weggehaald en is Jannekemaan 
klaar. Dat komt omdat beide objecten op 
dezelfde laag staan. Flash gaat op de zoge- 
naamde Booleaanse manier met objecten 
om. De raaklijnen worden vanzelf als snij- 
lijnen beschouwd. 


Convert to Symbol 


Name: | Maan 


Behavior: ©) Movie Clip 
O Button 
© Graphic 


Registration: gag 


Eel Cancel 
ooo 


Het object wordt omgezet tot symbool. 


Vervolgens maken we van de maan een 
SYMBOL. Dubbelklik op de maan en kies: IN- 
SERT, CONVERT TO SYMBOL. We geven dit 
symbool een naam en duiden in de keuze- 
vakjes aan dat het zich als GRAPHIC moet 
gedragen. Symbolen maken dat Flash-ani- 
maties licht zijn. Een symbool is een af- 
beelding, een animatie of een knop die je 
keer op keer opnieuw kan gebruiken. Flash 
laadt het symbool slechts één keer, zelfs 
wanneer je hetzelfde symbool later opnieuw 
gebruikt. Symbolen worden in de biblio- 
theek opgeslagen, die vind je bij Winpow, 
LrBRARY. Bovendien kan je met symbolen 
erg gemakkelijk een zogenaamde ‘motion 
tweening’ maken. Dat is een animatie die 
zich van het ene keyframe naar het andere 
keyframe beweegt. Flash baseert zich op de 
objecten in de keyframes en zal zelf de beel- 
den voor de tussenliggende frames bere- 
kenen. Bij een ‘tweening’ slaat Flash alleen 


de waarden op voor de wijziging en op die 
manier wordt toch de illusie van beweging 
gemaakt terwijl de bestandsgrootte klein 
blijft. Een symbool wordt bij selectie om- 
kaderd door een fijn blauw randje. 


was dat het symbool van de maan. De laag 
ACHTERGROND was en blijft leeg. 


=S Oje 25 40 45 50 55 65 |H 
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Deze scène moet 60 frames of 5 seconden 
duren. 


We scrollen door de TIMELINE en selecte- 
ren in beide lagen de frames Go. Je kan bei- 
de vakjes tegelijk selecteren door te klik- 
ken en te slepen. Daarna geef je de opdracht 
INSERT, KEYFRAME. Je merkt dat de laag 
MAAN een zwart bolletje heeft gekregen, in 
de laag ACHTERGROND zie je een leeg bol- 
letje. Dat betekent dat Flash de inhoud van 
het vorige keyframe heeft overgedragen 
naar dit nieuwe keyframe. In de laag MAAN 


[ lE} op 35 40 45 50 55 es [rj 
WJ maan EN dd EN 
ij 
- 
il B fj4| mlm) ml Call eo |t2otes| 435 € > 
& Scene 1 &. 6, v 


In frame 60 moet de maan meer naar rechts 
staan. 


Klik op keyframe Go van de laag MAAN en 
sleep het symbool ‘Maan’ een eind naar 
rechts. Op die plaats zal de maan bij het 
zestigste frame (dus na vijf seconden) te 
zien zijn. 

In de PROPERTIES duid je bij CoLor aan dat 
de Alpha-waarde van dit figuur op dat ogen- 
blik 30% moet zijn. Let er op dat het sym- 
bool van de maan nog steeds geselecteerd 
is. Met de Alpha-instelling regel je de trans- 
parantie: bij 1oo% is het object ondoor- 
zichtig, bij o% is het object volledig trans- 
parant. 


De stad wordt wakker 


Vervolgens tekenen we het sil- 
houet van een rij gebouwen op 


35 


BOUWEN 


| Groote | hastance ol: Maan Color Apma v we 
mâ 
Een 


wilsnz | ams 
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mito | wv so 


Hierdoor zal de maan zachtjes uit het oog 
verdwijnen. 


Vervolgens klik je in de TIMELINE op de laag 
MAAN ergens tussen het eerste en het zes- 
tigste keyframe en dan selecteer je in de 
PROPERTIES TWEEN: MoTION. Je eerste ani- 
matie is klaar. Wanneer je nu op ENTER 
drukt, zal je zien dat de maan niet alleen 
van links naar rechts beweegt. Ze zal ook 
zachtjes (bijna) uit het zicht verdwijnen. 
In de TIMELINE wordt deze tweening aan- 
geduid door een lang pijltje. 


fie Edt Ve Insert Modify Tet Cortrd Window Heb 
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De eerste Tween is klaar. 


te houden, zullen we selectielijnen vormen waarvan de hoeken be- 
perkt zijn tot o, go of 45 graden. Wanneer je helemaal rond bent, 


een nieuwe laag. Het is ver- 
standig om de belangrijkste ele- 
menten op afzonderlijke lagen 
te plaatsen, zeker wanneer ze 
overgangen of tweenings bevatten. De nieuwe laag noemen we GE- 
BOUWEN. Aan de TIMELINE merken we dat de laag GEBOUWEN als bo- 
venste laag wordt geplaatst. Dat komt toevallig goed uit, maar we 
kunnen lagen steeds van volgorde veranderen. Daarom klikken we 
op hun naam en slepen ze naar 
een andere plaats in de rij. 

Met het pennetje tekenen we 
een skyline. ledere keer wan- 
neer je klikt, wordt er een 
nieuw ankerpunt neergezet. 
Door de SHIFT-toets ingedrukt 


verschijnt er een kringetje naast je pennetje . 
We selecteren met de Arrow Toor de 
rand van deze skyline (dubbelklikken). 
Daarna kiezen we de PAINT BUCKET 
Toor, zeg maar het emmertje. Uit het 
panel Corors pikken we donkerblauw 
als vulkleur en in de Options kiezen 
we de optie CLOSE LARGE Gaps. Ten slot- 
te klikken we met het emmertje op de 
inhoud van de skyline zodat die in een 
keer met donkerblauw wordt gevuld. 
Van deze skyline ga je eveneens een 
symbool maken: INSERT, CONVERT TO SYMBOL. We noemen dit sym- 
bool SKYLINE en duiden aan dat het zich als GRAPHIC dient te ge- 
dragen. 


De gebouwen moeten voor de maan 
komen. 


Pasman 
© re 


re 


Het silhouet van de gebouwen wordt 
donkerblauw. 


„ 
< > 


Gebouwen maken met de Pen Tool. 
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Cursus 


65) 
ON 


Je kan symbolen van andere sym- 
bolen voorzien. Zo gaan we nu één 
raampje maken waarachter het licht 
zogezegd wordt aangeknipt. Deze 
kleine animatie gaan we verschil 
lende keren dupliceren en daarna 
meerdere malen gebruiken op deze 
gebouwenrij. Je begrijpt meteen de 
kracht van symbolen. Dezelfde in- 
formatie (het symbool) wordt opti- 
We kunnen ook rechtstreeks symbolen maal gebruikt. Nu kies je INSERT, 
maken. New SYMBOL. We opteren voor de 

naam RAAM en willen dat het zich als een GRAPHIC gedraagt. In het 

nieuwe venster teken je een doodgewoon lichtblauw vierkant. 
«Vervolgens gaan we aan het symbool SKYLINE 
ramen toevoegen. Daarvoor haal je dit symbool 
te voorschijn via het pictogram Epir SYMBOLS 
dat je in de rechterbovenhoek van de STAGE aan- 
treft. Het pictogram van het klapbord dat er links 
Links Edit Scenes, rechts Edit naast staat, gebruik je om scènes te selecteren. 


Z 
Lul 
= 
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Symbols. 
ee Straks meer daarover. 
We voegen acht ramen of groepjes ra- 
zA0j * » « 2 se » Js 
Dt D » men aan het symbool SKYLINE toe. Daar- 
D naam? La . . 
Den om voeg je acht lagen toe aan dit sym- 
IJ Getouwen EN Md 
„na alfiec wr (aam em € > bool. 


Acht groepjes ramen, op acht verschillen- Op iedere laag plaats je op een wille- 
de lagen. keurige plaats een keyframe en op dat 


frame sleep je uit de LIBRARY een of 

meerdere raampjes op de Srage. Op de 

laag RAAM 1 voeg je op FRAME 5 en op FRA- 

ME 12 een keyframe toe. Klik op FRAME 5 

en sleep tweemaal achtereenvolgens een 

raampje op de gewenste plek. We ver- 

vormen de raampjes een beetje met het 

FREE TRANSFORM Tool. Toch zijn het 

twee afbeeldingen van hetzelfde sym- 

bool. De term ‘instantie’ of ‘Instance’ 

wordt in Flash gebruikt voor een af- 

Achter iedere groep raampjes wordt op __beelding van een symbool. Wanneer je 
een ander moment het licht aangeknipt. ade E 

een symbool wijzigt, zullen alle ‘instan- 

ties’ van dat symbool aangepast worden. Wanneer je een “instantie” 

bewerkt, hebben deze wijzigingen alleen effect op die ene ‘instantie’. 

Op de laag RAAM 2 plaats je bij FRAME ro en 18 een nieuw keyframe: 

INSERT, KEYFRAME. We klikken op FRAME ro en ook daar slepen we een 

raam vanuit de LIBRARY op de gebouwenrij. Zo gaan we laag per laag 

op verschillende plaatsen en op verschillende frames keyframes toe- 

voegen en raampjes plaatsen. Het symbool SKYLINE wordt voorzien van 


E allemaal kleine filmpjes van 
| ans EE NN NEEN oplichtende raampjes 

5 pjes. 

Raam3 * … Mi A 
jo ij ol 

WW Raamt (| q ol 

[D Gebouwen Elle 
il @ [|| mol ml cl 0 ots) o8s Gd 
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Maan 


Raam 


EA 
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Skyline 
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De volgende raampjes op andere lagen. 
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Zonsopgang in 
overzichtelijke scènes 


Ea] Hoe langer een animatie 
5 =| wordt, des te onoverzichte- 
Sane lijker de TIMELINE dreigt te 
& Boned worden. Om dat te verhelpen, 
gebruikt Flash ‘scenes’ (scè- 
nes). Hiermee verdeel je de 
film in afzonderlijke secties 
Het panel Scène. waarmee je de opbouw van 
de Flash-movie organiseert. Je kan scène 3 na scène 2 la- 
ten afspelen, maar die logische volgorde hoeft niet per se. 
In het panel SCENES kan je de volgorde waarin de verschil 
lende scènes worden getoond, wijzigen. Een tweede be- 
langrijk voordeel van scènes is dat je ze onafhankelijk van 
elkaar kan aansturen. In de volgende lessen zullen we zien 
dat je knoppen kan ontwerpen om bepaalde scènes te ac- 
tiveren, bijvoorbeeld knop A activeert scène 4 en knop B 
lanceert scène 6. 
We roepen het venster SCENE op: WINDOW, SCENE. Daar 
maak je gemakshalve een kopie van de eerste scène. Het 
pictogram DUPLICATE SCENE staat rechts onderaan (de twee 
rechthoekjes). Daardoor wordt de eerste scène gekloond. 
Door op de naam van de kopie te dubbelklikken, kan je Scr- 
NE I COPY wijzingen in SCENE 2. 


(P Gebouwen 
B achteror… 


4) Glen) Bal CA) 1 |t2Otps| 00s 4 
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De lagen verwijderen in het prullenmandje. 


Vervolgens ga je met het pictogram Epir SCENE naar SCE- 
NE 2. 

Daar verwijder je de laag MAAN. Klik op de naam van deze 
laag en klik vervolgens op het vuilnisbakje in de TIMELINE. 
Foetsie maan. 
E Nu willen we een 
_e prachtige zonsop- 
gang laten opko- 


- 
a 
u 
u 
= 
x 
J 


del sfn Denen en : men. Daarvoor 
De zonsopgang moet achter de gebou- maken we weer 
wen verschijnen. een nieuwe laag. 


Die laag noemen we ZONSOPGANG en we slepen die tussen 
de laag GEBOUWEN en de laag ACHTERGROND. 


We klikken op het RECTANGLE Tool en 
in de CoLor MIxer kiezen we als lijn- 
kleur (STROKE) GEEN (inderdaad het wit- 
te vierkantje met rode diagonaal) en als 


EE 
â û 
Y vulkleur stellen we een lineair verloop 
<_samen. Vanaf het ogenblik dat je LINEAR 
(seren | u 


Linear 


hebt geselecteerd, komt er een schuif- 
regelaar tevoorschijn waarmee je de 
Kies zelf de kleuren kleuren selecteert waaruit dit verloop 
Vann EGO wordt samengesteld. Door op de kleine 
rechthoekige regelaars te klikken, kan je uit het kleuren- 
palet een nieuwe kleur selecteren. Op die manier zorg je 
dat je een verloop krijgt van blauw naar oranje. 
Met het RECTANGLE 
Toor trekken we nu 
een ruime rechthoek. 
Vermits de laag Zons- 
OPGANG zich achter de 
‘ > | laag GEBOUWEN be- 
De richting van het verloop is fout. vindt, zal dit verloop 
zich ook achter de ge- 
bouwen plaatsen. Zoals je merkt, staat de richting van het 
verloop fout. 


Daarvoor gebruiken 
we het Fi TRANSFORM 
Toor en hiermee rote- 
ren we de vulling, zo- 
dat blauw bovenaan 
komt en oranje onder- 
De vulling roteren met het Fill Transform aan. We converteren 
Jook: deze rechthoek met 
verloop tot een nieuw symbool: INSERT, CONVERT TO SYM- 
BOL. Dit wordt het symbool ZONSOPGANG. 
Te rees sm Het is wel vervelend 
dat de rechthoekige 
„zonsopgang groter is 
PE en dan de dimensie van de 
| =__ STAGE. Daarom klikken 


BR Oe 


het gekleurde vier- 


21 (Rome am € 


kantje naast de naam 
ZONSOPGANG. Hierdoor 
zal de inhoud van deze 


Maak een outline van de objecten op laag als een silhouet of 
een laag. 


‘outline’ getoond wor- 
den zodat we ze beter 
kunnen positioneren. 

Op de laag Zonsor- 
GANG plaats je een key- 
frame op FRAME 6o en 
daar gebruik je de Ar- 
ROW Toor om de zonsopgang iets naar boven op te schui- 
ven zodat de zon echt lijkt op te komen. We klikken ergens 
midden in de TIMELINE van deze laag en selecteren in de 
PROPERTIES, TWEEN: MOTION. 

Dan selecteren we het eerste keyframe van de laag ZoNsor- 
GANG. We klikken op het symbool ZONsOPGANG op de STAGE 
en in de PROPERTIES kiezen we COLOR: ALPHA: 0%. Wanneer 
je nu CONTROL, PLAY of CONTROL, TEST, Movie selecteert, zal 
je een prachtige zonsopgang uit het niets zien verschijnen. 


Zon komt met een Motion Tween op. 


Tekst gebruiken 


Het laatste grafische element 
dat we toevoegen, is een stukje 
tekst. Alweer maak je een nieu- 
we laag in de tweede scène. We 
noemen deze laag TEKsT. Net 
boven de banner klikken we 
met Texr Toor en typen de ge- 
wenste tekst. In de PROPERTIES 
zullen we de kenmerken van 


deze tekst: de kleur, lettertype 
enzovoort. aanpassen. Tijdens 
het typen wordt het tekstvak au- 
tomatisch breder. Je kan de breedte van het tekstvak ook zelf 
bepalen en zodoende een langere tekst over meerdere regels 
verdelen. Daartoe klik je eerst op Texr Tool en daarna trek je 
een tekstvak op de STAGE. Rechtsboven het tekstvak zal een 
vierkantje te zien zijn. Om de breedte van het tekstvak aan te 
passen, versleep je het handvat (het cirkeltje of het vierkantje). 
Wanneer je de breedte van een tekstvak wijzigt, verandert het 
handvat in een cirkeltje. Wanneer je dubbelklikt op het vier- 
kantje aan een tekstvak, zal de breedte van dat vak zich aan de 
ingevoerde tekst aanpassen en zal het vierkantje veranderen 
in een cirkeltje. Om tekst naar een andere plek te verplaatsen, 
zet je de muisaanwijzer op een hoek- 


Een streepje tekst. 


punt, zodat je het hele vak kan ver- 
slepen. 

Vervolgens voeg je op de laag TEKST 
een nieuw keyframe in op FRAME 6o 


en op die plaats sleep je de tekst die 
je daarnet heb ingetikt. Klik ergens 
op deze laag tussen het eerste en zes- 


tigste frame en in de PROPERTIES vraag 

je een MOTION TWeeN. Hierdoor zal |. 
de tekst in vijf seconden op de juiste pe tekst daalt naar de 
plaats zakken. juiste plaats. 


KLIKKEND SELECTEREN 


A) Het komt in het begin ietwat vreemd over, maar om het hele 
object (de vulling én de omlijning) te selecteren, moet je op 
dat object dubbelklikken. 

B) Een enkele klik op een lijn selecteert één lijn en een recht- 
hoek bestaat uit vier lijnen. 

De omlijning van een schijf 

kan je in zijn geheel selecte- 

ren met één muisklik omdat 

daarop geen hoekpunten 

voorkomen. 

C) Een enkele klik op de vul- 

ling selecteert uitsluitend de 

vulling. Om de hele omlijning 

te selecteren, moet je op de 

omlijning dubbelklikken. 
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Geluid importeren. 


Dat ziet er goed uit maar de tijd van de stom- 
me film ligt ver achter ons. We gaan geluid 
toevoegen. Dat geluid zullen we op een nieu- 
we laag aanbrengen. We dubbelklikken op 
de naam van die laag en geven die de naam 
GELUID. In WINDOWS, COMMON LIBRARIES, 
SOUNDS ontdekken we een heleboel geluids- 
effecten. Voor deze gelegenheid hebben we 
een loopje van [ www.flashkit.com | geleend. 
Hier vind je niet alleen prachtige voorbeel- 
den van Flash-constructies; het is tevens de 
beste bank voor zogenaamde ‘loopjes’. Een 
‘loopje’ is een kort ritmisch geluidsbestand 


Wimemne ms 8 kl 
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Geluidsgolven op de Timeline. 


Publiceren 


Geluid toevoegen 


dat zich voortdurend laat herhalen. Het ge- 
luid dat we hier gebruiken, is een percussie- 
sessie met de naam ‘Taal-Mr Singh- 
3613-hifi’. Je kan het downloaden op ons huis- 
adres: [ wvvw.clickkmagazine.be |. Zodra het 
op je harde schijf staat, zal je het in Flash 
moeten binnenhalen via Fire, IMPORT. 
Zulke geïmporteerde geluiden verschijnen 
meteen in de LiBRARY. Klik op het eerste key- 
frame van de laag Geruip en sleep dan van- 
uit de LrBrARY het geluid op de Srage. Het 
geluid zal in de TIMELINE afgebeeld worden 
als golven. 


Ii mame Ten [me 


Het loopje kan zich meer dan 2 miljard keer 
herhalen. 
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Klik in de TIMELINE op het geluid en duid 
vervolgens in de PROPERTIES aan dat de ‘loop’ 
zich bijvoorbeeld r.ooo keer moet herha- 
len. Geen surfer die deze limiet doorstaat 
zonder een zenuwberoerte te krijgen, maar 
omdat er nu eenmaal geen optie ‘eindeloos’ 
bestaat, moet je wel overdrijven. De grootst 
mogelijke instelling voor de ‘loops’ is 
2.147.483.647 (wanneer maniakken toch 
een hogere waarden ingeven, wordt die au- 
tomatisch teruggebracht naar deze waarde). 
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Het geluid synchroniseren. 


In PROPERTIES vind je de eigenschappen voor 

het geluid bij SyNc met vier synchronisa- 

tieopties: 

X EvENT: Dat is de standaardinstelling. 
Hiermee synchroniseer je het geluid met 


een bepaalde gebeurtenis, onafhanke- 
lijk van het aantal toegewezen frames op 
de TIMELINE. Zelfs wanneer de film even 
wordt stopgezet, gaat het geluid gewoon 
door. De duur van het geluid is uitslui- 
tend afhankelijk van het geluidsbestand 
zelf. Event sounds worden niet afge- 
speeld voordat de totale geluidsinfor- 
matie ervan is ingeladen. Wanneer je 
een geluid gebruikt in de EvENT-modus 
en de computer van de bezoeker te traag 
is om de vooropgestelde frame rate te 
halen, zullen het geluid en de animatie 
op het einde niet meer gelijklopen. Het 
zal iets langer duren voordat je film te 
zien krijgt. 

X START: Deze optie lijkt op Event, behalve 
dat je hiermee niet meer dan één versie 
van hetzelfde geluid op hetzelfde moment 
kan laten horen. Het geluid wordt gelan- 
ceerd op het ogenblik dat het keyframe is 
bereikt. 

X Srop: Hiermee wordt het afspelen van het 
geluid afgebroken. 

X STREAM: Het geluid wordt gestreamd. 
Flash laat het geluid horen, wanneer on- 
geveer 5 seconden van de geluidsinfor- 
matie is ingeladen. De film zal afgestemd 
worden op het geluid dat de gebruiker 
streaming ontvangt. Je kan in deze optie 
verschillende geluiden gelijktijdig sturen. 
Dit geeft een gemixt effect. 

X De keuze tussen EVENT of STREAM is 
meestal eenvoudig. Wanneer het geluid 
betrekkelijk kort is en wordt herhaald in 
de zogenaamde ‘loops’, kies je voor EvENT. 
Wanneer je de bezoeker een langer, niet 
herhalend muzieknummer wil laten ho- 
ren, opteer je voor STREAM. 


Wanneer je bestanden bewaart (FILE, SAVE) om verder te be- 
werken, krijgen die de extensie fla. We noemen dat een film 
(movie). We raden je aan om deze .fla-bestanden, fonts en graphics 
allemaal in dezelfde map te bewaren op je harde schijf. Dat voorkomt mis- 
verstanden. Je zal deze fla.-bestanden niet op je webpagina’s plaatsen, 
daarvoor zijn ze trouwens te groot. Flash-bestanden die klaar zijn om op 
het web gepubliceerd te worden, 
worden geëxporteerd en krijgen de 
extensie ‚swf (ShockWave Flash). 
Zo’n Flash Player-film is sterk ge- 
comprimeerd en klaar om via het 
internet verspreid te worden, maar 
je kan hem niet meer bewerken. 
Om het filmpje aan de wereld te to- 


enen 
Bestanden ilt 


Opslaan als boe: | Fiash Movie [sw] 


De mogelijke exportformaten. 
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nen en eventueel op te slaan als in een webdocument, moet je het eerst 
publiceren. Flash MX zal het fla-bestand omzetten in een .swf-bestand. 
De opdracht Fire, PuBLisH maakt alle bestanden die nodig zijn om het 
filmpje op het net te plaatsen: het .„html- en het .swf-document. 

Behalve publiceren kan je bestanden ook exporteren. Hierbij heb je de 
keuze uit een groot aantal bestandsformaten. Dat is nuttig als je de ani- 
matie als een QuickTime-film, een RealPlayer- of animated gif wil bewa- 
ren voor gebruikers die de Flash-player niet hebben geladen. Het is na- 
tuurlijk allemaal zo lang als het breed is. Om een QuickTime-filmpje te be- 
kijken, moet de gebruiker eveneens over de gepaste player beschikken en 
een animated gif is kwalitatief niet te vergelijken met een Flash-animatie. 
Voor je daadwerkelijk publiceert, moet je eerst de PuBusH SerTINGs in het 
menu FILE controleren. Je krijgt dan drie tabbladen voorgeschoteld: For- 
MATS, FLASH en HTML. 


Bestands- 
formaten 


In het tabblad FORMAT laat je de op- 
tie USE DEFAULT NAMES aangekruist. 
De animatie behoudt de naam die je 
aan je project hebt gegeven. Boven- 
dien worden dan de juiste bestandsex- 
tensies toegevoegd. In dit tabblad merk je 
ook de optie om je werk als een Macintosh 
Projector of Windows Projector op te slaan. 
Dat is een afgewerkt bestand waarin de Flash 
Player is geïntegreerd, zodat je de film op 
een harde schijf of cd-rom kan afspelen op 
systemen waar geen Flash-software werd 
geïnstalleerd. In de schermafbeelding merk 
je dat Flash 5 zowel het .swf-bestand als de 
bijbehorende html-pagina zal aanmaken. 
Met een klik op OK bevestig je deze instel- 
lingen. Wil je de twee andere tabbladen niet 
meer bekijken en meteen de daad bij het 
woord voegen, klik dan op PuBLisH. 


Publish Settings 


Formats | Flash || HTML! 


Type: Filename: 


7] Flash (swf) | 


7] HTML (ht) [Click ht 


GIF Image (gif) 
JPEG Image Lipa) 


PNG Image (png) 


Windows Projector (exe) 


Macintosh Projector 


QuickTime (mov) 


Use default names 


Het tabblad Formats. 


L_a | 


Flash-instellingen 


In het tweede tabblad 

bepaal je de instellingen 

van het Flash-bestand: 

X DE LoAD ORDER: Dit 
vertelt ons in welke 
volgorde de verschil- 
lende lagen worden 
ingeladen. Meestal 
kiest men voor de in- 
stelling Top Down. 

X GENERATE SIZE RE- 


Publish Settings 


Formats | Flash 


Load Order 


Version: 


HTML 


F 


Bottom up v | 


lash Plaver 6 Ì 


Options: 


Generate size report 


Protect from import 


C] Omit Trace actions 


Debugging Permitted 


v 


Password: 


Compress Movie 


PORT: Deze optie zorgt JPEG Quality: J 80 
ervoor dat er een 5 100 
tekstdocument wordt Audio Stream: MP3, 16 kbps, Mono Set 
gemaakt met een ver- Audio Event: MP3, 16 kbps, Mono Set 


slag (grootte — down- 
loadsnelheid…) over 
het Flash-bestand. 

X OMIT TRACE ACTIONS: 
Blijf van dit vakje. De keuze heeft 
trouwens geen effect wanneer je de 
animatie op het web bekijkt. Het 
pop-upvenster dat je door een TRACE- 
action oproept, is alleen te zien in de 
standalone Flash Player. 

X PROTECT FROM IMPORT: Als je deze 
protectie actief maakt, dan kan het 
„swf-document niet meer opnieuw 
worden geïmporteerd. Anderen kun- 
nen jouw animaties niet in hun pu- 
blicaties gebruiken. 

X DEBUGGING PERMITTED: Dit activeert 
de Debugger en laat toe dat de Flash 
Movie van op afstand ‘debugged’ 
wordt. Ben je zeker van je stuk en 
wil je deze optie gebruiken, dan be- 
veilig je deze mogelijkheid met een 
wachtwoord in het Passworp-vakje. 


SLEPEND 
SELECTEREN 


Je kan ook verschillende voor- 
werpen tegelijk selecteren door 
ze stuk voor stuk te dubbelklik- 
ken terwijl je de SHiFr-toets in- 


gedrukt houdt. 

Persoonlijk vinden we het handi- 
ger om met het Arrow-gereed- 
schap (terwijl je de muisknop in- 
gedrukt houdt), een selectieka- 
der te trekken rond de verschil- 
lende objecten. 


Override sound settings 


Bepaal de instellingen van Flash. 


X JPEG-QuaLrY: Deze schuifregelaar 


bepaalt de jpeg-kwaliteit voor bit- 
mapafbeeldingen die we zouden 
geïmporteerd hebben. 


X AUDIO STREAM EN AUDIO EVENT: 


Deze instellingen worden toegepast 
op streaming- en gebeurtenisgelui- 
den waarvan we de eigenschappen 
niet hebben aangepast in het panel 
SOUND. 


X VERSION: Wanneer je dit keuzeven- 


ster op Flash 6 laat staan, zal de ani- 
matie uitsluitend met deze versie 
van de Macromedia Flash-player be- 
keken kunnen worden. Je kan ui- 
teraard een document in bestands- 
formaat Flash 5 bekijken met een 
Flash 6-player. 


VAKTAAL 


Animated gif: Een snelle opeenvolging 
van een aantal gif-afbeeldingen, die tel- 
kens lichtjes van elkaar verschillen. Op die 
manier ontstaat er een beweging, volgens 
het principe van de animatiefilm. 
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Formats { Flanh … HTML 


Template: | Flash Orky se | indo n 
Push 
Ommerwont | match Mene hd 
vat aj EE 
Xx pek 
Playback: C]Paused Al Start [E] Display Meru 
DTtoop COevce Fork 
Gusity. ah v 
Window Mode: | window w 
HTML Algremart. | Oet w 
Scale | Dela. (Show al) hd 
Hotzertal Vertical 
Flash Algrmert Corter w Certer hd 
[E] Stove Waering Messages 


Help 


De html-code waarmee je een Flash Player- 
film inbedt in een webpagina, is complexer 
dan de code die we gebruiken voor een ge- 
wone afbeelding. Maar geen nood. Ook dat 
klusje wordt opgeknapt door Flash. Op het 
tabblad bekijken we de volgende instellin- 
gen: 
TEMPLATE: Hier krijgen we een keuzelijst 
van sjablonen. Standaard staat dit op: BE- 
WAAR ALS EEN FLASH ONLY-DOCUMENT. Ook 
de opties QuickTime, Java Player, Ad 4 
Banner, enzovoort zijn mogelijk. Om 
meer informatie over de verschillende be- 
standen te krijgen, klik je op de knop INFo. 
Hier gebruik je de standaard-instelling. 
DIMENSIONS: De afmetingen van de geëx- 
porteerde film worden vastgelegd. Hier- 
mee worden de attributen WIDTH en 
HEIGTH in de html-tags OBJECT en EM- 
BED vastgelegd. 


PLAYBACK: 

PAUSED AT START: Als je dit aankruist, 
start de film niet automatisch op nadat 
hij werd ingeladen. Deze optie wordt ge- 
bruikt om de film pas te beginnen wan- 
neer iemand op een opdrachtknop in de 
film klikt. 

Loop: Standaard staat deze keuze aan 
zodat de film automatisch wordt herhaald 
nadat het laatste frame is gepasseerd. Wil 
je de hele film slechts een keer laten zien, 
dan zet je dat uit. 

DisPrAy MENU: Wanneer de webbe- 
zoeker tijdens je Flash-presentatie met de 
rechtermuisknop (Mac: met de Crrr-toets 
ingedrukt) klikt, verschijnt er een snel- 
menu met afspeelopties voor de film. Als 
je deze optie hebt aangekruist, kan de be- 
zoeker zo’n snelmenu oproepen. 

DEvice Fonts: Lettertypes die niet geïn- 
stalleerd zijn op de computer van de ge- 
bruiker, worden vervangen door de sys- 
teemlettertypen van Flash 5. Dit werkt al- 
leen op de Windows-versie. 

Quarry: De keuzelijst bepaalt de mate 


van anti-aliasing. Anti-aliasing (verzach- 
ten van de randen van afbeeldingen) be- 
last tragere processoren en de keuze heeft 
gevolgen voor de snelheid van de pre- 
sentatie bij oudere computers. 


Winpow Mope: hier kies je een optie om 
de transparantie en het venster in te stel- 
len: 

Winpow: Het filmpje wordt in een ei- 
gen venster afgespeeld. 

OPAQUE WINDOWLEss: hiermee kan je 
achter het Flash-filmpje elementen ver- 
plaatsen zonder dat de kijker het merkt. 

TRANSPARENT WINDOWLESS: de achter- 
grond van de html-pagina blijft zichtbaar 
doorheen de transparante delen van het 
filmpje. 


HTML ALIGNMENT: Hiermee bepalen we 
hoe de Flash-film uitgelijnd wordt ten op- 
zichte van tekst of andere afbeeldingen 
op de html-pagina. Iedereen die ooit een 
beginnerscursus html heeft gevolgd, weet 
wat met ALIGN: LEFT, RicHr, Tor en Bor- 
TOM wordt bedoeld. Met DerAuLT wordt 
het venster van het Flash-filmpje gecen- 
treerd in het venster van de webbrowser. 
SCALE: Hiermee bepaal je wat er moet ge- 
beuren wanneer de Flash-film niet pro- 
portioneel in het browservenster zou pas- 
sen. De veiligste optie DEFAULT (SHOW 
Ar) voorkomt dat er een stuk van de Sra- 
GE wordt afgesneden. Bij EXACT FIT wordt 
de grootte van de film aangepast aan de 
verhouding van het beschikbare venster. 
FLASH ALIGNMENT: Hiermee stuur je de 
uitlijning van het filmpje binnen het ei- 
gen venster. 

SHow WARNING MESSAGES: Deze optie laat 
toe dat de Debugger waarschuwings- 
boodschappen stuurt wanneer er fouten 
in de html-code staan. 


bead Bemerten beed Pevraten Etn Hb 
) @ % Zoeten Îpraten ross @) + 


©) omeres ard Seer kbs Mageren docmerteripan droegen ks Need 


Het wardteen prachidad omtessutten 


|E) aerees joen rote 


Een klik op de knop PuguisH en de zaak 
wordt omgezet naar een html-bestand met 
bijbehorende animatie. 

— Dirk Schoofs — 


